﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_ug9f5r880f36usor.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/animate.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/bootstrap3.3.5/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/default.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/index.css">

</head>
<body ms-controller="KCPXInfo">
    <div class="detail-box">
        <div class="clearfix detail-title">
            <div class="pull-left">
                <div class="course-img">
                    <img onerror="this.src = '/ViewV5/images/course-bg.png'" ms-attr-src="/View/Common/DownLoadFile.aspx?fileId={{modelData.KCFM.split(',')[0]}}">
                    <div class="default-text" ms-visible="!modelData.KCFM">
                        <p>{{modelData.KCName}}</p>
                    </div>
                </div>
            </div>
            <div class="pull-left kc-detial">
                <h3 class="c333 ft24 mb15 mt20">{{modelData.KCName}}</h3>
                <div><span>课件数量：{{modelData.KJID?modelData.KJID.split(',').length:0}}个</span></div>
                <div><span>学时：{{modelData.KSS}}</span></div>
                <div><span>专业：{{KCFLName}}</span></div>
                <div><span>主讲人：{{modelData.KCZJR}}</span>({{modelData.KCZJRZC}})</div>
                <div>
                    <span>
                        学习进度：  {{parseFloat(SeeTime).toFixed(2)}}%
                    </span>
                    <div class="progress mb15" style="background-color: #ccc;">
                        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" ms-css-width="{{parseFloat(SeeTime).toFixed(2)}}%">
                        </div>
                    </div>


                </div>
                <p class="btn-kx">
                    <a class="btn btn-primary btn-lg mb10" ms-visible="KJData.size()>0" ms-attr-href="KJData[0].KJType==1?'/ViewV5/Base/showvideo.html?id='+modelData.ID+'&md5='+KJData[0].FileMD5:'javascript:void(0)'" target="_blank" target="_blank">开始学习</a><br>
                    <!--<a class="btn btn-warning btn-lg" ms-visible="KJStatus==1" ms-attr-href="/XYView/KS/KCKS.html?kcId={{modelData.ID}}" target="_blank">课程练习</a>-->
                </p>
            </div>
        </div>


        <div class="panel-all mt20">
            <div class="tab-box">
                <ul>
                    <li class="active">
                        <a href="#a">课程介绍</a>
                    </li>
                    <li>
                        <a href="#b">课程列表</a>
                    </li>
                    <!--<li>
                        <a>考试列表</a>
                    </li>-->

                </ul>
            </div>
            <div class="detail-text">
                <h2 class="panel-title pt20 pb20" id="a">
                    <span class="mr5"><img src="/ViewV5/images/icon-2.png"></span>
                    课程介绍
                </h2>
                <div class="detail-list">
                    <p class="detail-js" ms-if="modelData.Remark">{{modelData.Remark|html}}</p>
                    <p class="detail-js" ms-if="!modelData.Remark">暂无</p>
                </div>
                <h2 class="panel-title pt20 pb20" id="b">
                    <span class="mr5"><img src="/ViewV5/images/icon-2.png"></span>
                    课程列表
                </h2>
                <div class="detail-list">
                    <div class="detail-kc" ms-repeat-item="KJData">
                        <span class="detail-kc-bt pull-left">{{$index+1}}</span>
                        <span class="ml15">
                            <img src="/ViewV5/images/icon-3.png" class="mr5">
                            <a ms-attr-href="item.KJType==1?'/ViewV5/Base/showvideo.html?id='+modelData.ID+'&md5='+item.FileMD5:'javascript:void(0)'" target="_blank">{{item.KJName}} </a>   <!--（时长{{(item.TotalTime/60).toFixed(2)}}分钟）-->
                        </span>
                    </div> 
                </div>
                <h2 class="panel-title pt20 pb20" style="display:none">
                    <span class="mr5"><img src="/ViewV5/images/icon-2.png"></span>
                    考试列表
                </h2>

                <div class="clearfix course_nr" style="display:none">
                    <ul class="course_nr2 clearfix">
                        <li class="clearfix">
                            <div class="cursor-pic">
                                <div class="white">
                                    <img src="/ViewV5/images/time-z.png">
                                </div>
                                <span class="fs">
                                    85.3
                                </span>
                            </div>
                            <p class="course-text">2016/04/01<br />09:00</p>
                        </li>
                        <li class="clearfix">
                            <div class="cursor-pic">
                                <div class="white">
                                    <img src="/ViewV5/images/time-z.png">
                                </div>
                                <span class="fs">
                                    85.3
                                </span>
                            </div>
                            <p class="course-text">2016/04/01<br />09:00</p>
                        </li>
                        <li class="clearfix">
                            <div class="cursor-pic">
                                <div class="white">
                                    <img src="/ViewV5/images/time-z.png">
                                </div>
                                <span class="fs">
                                    85.3
                                </span>
                            </div>
                            <p class="course-text">2016/04/01<br />09:00</p>
                        </li>
                        <li class="clearfix">
                            <div class="cursor-pic">
                                <div class="white">
                                    <img src="/ViewV5/images/time-z.png">
                                </div>
                                <span class="fs">
                                    85.3
                                </span>
                            </div>
                            <p class="course-text">2016/04/01<br />09:00</p>
                        </li>
                        <li class="clearfix">
                            <div class="cursor-pic">
                                <div class="white">
                                    <img src="/ViewV5/images/time-z.png">
                                </div>
                                <span class="fs">
                                    85.3
                                </span>
                            </div>
                            <p class="course-text">2016/04/01<br />09:00</p>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>

    <script src="/ViewV5/JS/jquery-1.11.2.min.js"></script> 
    <script src="/ViewV5/CSS/bootstrap3.3.5/js/bootstrap.js"></script>
    <script src="/ViewV5/JS/layer/layer.js"></script>
    <script src="/ViewV5/JS/toastr.js"></script>
    <script src="/ViewV5/JS/avalon1.47.js?ver=1"></script>
    <script src="/ViewV5/JS/Sortable.js"></script>
    <script src="/ViewV5/JS/SZHLCommon.js"></script>
    <script>
        var model = avalon.define({
            $id: "KCPXInfo",
            name: "课程播放",
            modelData: {},
            KJData: [],
            KJStatus: "",
            SeeTime: 0,
            KCFLName: "",
            KSJL: [],
            GetModelData: function () {
                //编辑加载数据
                $.getJSON('/API/VIEWAPI.ashx?Action=KCGL_GETKCGLMODEL', { P1: ComFunJS.getQueryString("id") }, function (resultData) {
                    if (resultData.ErrorMsg == "") {
                        model.modelData = resultData.Result;
                        model.KJData = resultData.Result2;
                        model.SeeTime = resultData.Result3.split('-')[0];
                        model.KCFLName = resultData.Result3.split('-')[1];
                        //if (resultData.Result3) {
                        //    model.KJStatus = resultData.Result3.Status;
                        //}
                         
                    }
                })
                //$.getJSON('/API/VIEWAPI.ashx?Action=KSGL_GETUSERKSLIST', { P1: ComFunJS.getQueryString("id") }, function (resultData) {
                //    if (resultData.ErrorMsg == "") {
                //        model.KSJL = resultData.Result;

                //    }
                //})
            },
            //ViewCJ: function (item) {
            //    top.ComFunJS.winviewform("/XYView/KS/USERLXDA.html?ID=" + item.ID + "&USER=" + ComFunJS.getnowuser(), '查看成绩', "1100", "700")
            //}


        });
        avalon.ready(function () {
            model.GetModelData();
        })
        $(".tab-box li").click(function () {
            $(this).addClass("active").siblings().removeClass("active")
        })
    </script>
</body>
</html>